<template>
  <div>
    <div
      class="layout-header--switch"
      :class="{ 'layout-header--switch__collapsed': collapsed }"
      @click="handleCilck"
    >
      <icon-arco :size="iconSize" type="icon-menu-fold" />
    </div>
  </div>
</template>

<script setup>
import { inject } from 'vue'

const collapsed = inject('collapsed')
const emit = defineEmits(['update'])
const iconSize = 20

const handleCilck = () => {
  emit('update')
}
</script>
